﻿<!DOCTYPE html>
<html>
  <head>
    <title>3.1 音乐</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/3_1_音乐/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/3_1_音乐/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组 合) -->
      <div id="u413" class="ax_default" data-left="69" data-top="193" data-width="307" data-height="504">

        <!-- 电池 (组 合) -->
        <div id="u414" class="ax_default" data-label="电池" data-left="311" data-top="197" data-width="58" data-height="16">

          <!-- Unnamed (矩形) -->
          <div id="u415" class="ax_default _形状">
            <img id="u415_img" class="img " src="images/1_1_天气/u32.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u416" class="ax_default _形状">
            <img id="u416_img" class="img " src="images/1_1_天气/u33.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u417" class="ax_default _形状">
            <img id="u417_img" class="img " src="images/1_1_天气/u34.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u418" class="ax_default label">
            <img id="u418_img" class="img " src="images/1_1_天气/u35.png"/>
            <div id="u418_text" class="text ">
              <p><span>95%</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u419" class="ax_default" data-left="69" data-top="217" data-width="307" data-height="418">

          <!-- 底部 (矩形) -->
          <div id="u420" class="ax_default box_1" data-label="底部">
            <img id="u420_img" class="img " src="images/2_1_添加闹钟/u128.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u421" class="ax_default label">
            <img id="u421_img" class="img " src="images/3_闹钟设置/u339.png"/>
            <div id="u421_text" class="text ">
              <p><span>设置</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u422" class="ax_default" data-left="69" data-top="193" data-width="307" data-height="504">

          <!-- Unnamed (组 合) -->
          <div id="u423" class="ax_default" data-left="69" data-top="634" data-width="307" data-height="63">

            <!-- Unnamed (矩形) -->
            <div id="u424" class="ax_default box_1">
              <img id="u424_img" class="img " src="images/1_1_天气/u37.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u425" class="ax_default image">
              <img id="u425_img" class="img " src="images/2_1_添加闹钟/u171.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u426" class="ax_default label">
              <img id="u426_img" class="img " src="images/1_1_天气/u38.png"/>
              <div id="u426_text" class="text ">
                <p><span>闹钟</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u427" class="ax_default label">
              <img id="u427_img" class="img " src="images/1_1_天气/u38.png"/>
              <div id="u427_text" class="text ">
                <p><span>天气</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u428" class="ax_default label">
              <img id="u428_img" class="img " src="images/1_1_天气/u38.png"/>
              <div id="u428_text" class="text ">
                <p><span>设置</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u429" class="ax_default icon selected">
              <img id="u429_img" class="img " src="images/3_闹钟设置/u347.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u430" class="ax_default image">
              <img id="u430_img" class="img " src="images/1_1_天气/u44.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u431" class="ax_default icon selected">
              <img id="u431_img" class="img " src="images/3_闹钟设置/u347.png"/>
            </div>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u432" class="ax_default" data-left="70" data-top="263.475988907589" data-width="306" data-height="327.524011092411">

            <!-- Unnamed (组 合) -->
            <div id="u433" class="ax_default" data-left="70" data-top="263.475988907589" data-width="306" data-height="133.893235747069">

              <!-- Unnamed (组 合) -->
              <div id="u434" class="ax_default" data-left="70" data-top="263.475988907589" data-width="306" data-height="99.5240110924105">

                <!-- Unnamed (组 合) -->
                <div id="u435" class="ax_default" data-left="70" data-top="332" data-width="306" data-height="31">

                  <!-- Unnamed (矩形) -->
                  <div id="u436" class="ax_default label">
                    <img id="u436_img" class="img " src="images/3_闹钟设置/u358.png"/>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u437" class="ax_default icon">
                    <img id="u437_img" class="img " src="images/3_闹钟设置/u369.png"/>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u438" class="ax_default label">
                    <img id="u438_img" class="img " src="images/1_1_天气/u38.png"/>
                    <div id="u438_text" class="text ">
                      <p><span>重复</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u439" class="ax_default label">
                    <img id="u439_img" class="img " src="images/3_闹钟设置/u364.png"/>
                    <div id="u439_text" class="text ">
                      <p style="font-size:14px;"><span>关闭</span><span style="font-size:16px;"> </span><span style="font-size:20px;">&gt;</span></p>
                    </div>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u440" class="ax_default label">
                  <img id="u440_img" class="img " src="images/3_闹钟设置/u358.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u441" class="ax_default _文本段落">
                  <img id="u441_img" class="img " src="images/3_闹钟设置/u359.png"/>
                  <div id="u441_text" class="text ">
                    <p><span>♪</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u442" class="ax_default label">
                  <img id="u442_img" class="img " src="images/1_1_天气/u38.png"/>
                  <div id="u442_text" class="text ">
                    <p><span>音乐</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u443" class="ax_default label">
                  <img id="u443_img" class="img " src="images/2_1_添加闹钟/u269.png"/>
                  <div id="u443_text" class="text ">
                    <p style="font-size:14px;"><span>经典 </span><span style="font-size:20px;">&gt;</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (组 合) -->
              <div id="u444" class="ax_default" data-left="70" data-top="300" data-width="306" data-height="31">

                <!-- Unnamed (矩形) -->
                <div id="u445" class="ax_default label">
                  <img id="u445_img" class="img " src="images/3_闹钟设置/u358.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u446" class="ax_default label">
                  <img id="u446_img" class="img " src="images/3_闹钟设置/u364.png"/>
                  <div id="u446_text" class="text ">
                    <p style="font-size:14px;"><span>关闭</span><span style="font-size:16px;"> </span><span style="font-size:20px;">&gt;</span></p>
                  </div>
                </div>

                <!-- 震动 (矩形) -->
                <div id="u447" class="ax_default _文本段落" data-label="震动">
                  <img id="u447_img" class="img " src="images/1_1_天气/u38.png"/>
                  <div id="u447_text" class="text ">
                    <p><span>震动</span></p>
                  </div>
                </div>

                <!-- Unnamed (形状) -->
                <div id="u448" class="ax_default icon">
                  <img id="u448_img" class="img " src="images/3_闹钟设置/u366.png"/>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u449" class="ax_default label">
                <img id="u449_img" class="img " src="images/3_闹钟设置/u358.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u450" class="ax_default _文本段落">
                <img id="u450_img" class="img " src="images/3_闹钟设置/u373.png"/>
                <div id="u450_text" class="text ">
                  <p><span>摇一摇</span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u451" class="ax_default icon">
                <img id="u451_img" class="img " src="images/3_闹钟设置/u374.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u452" class="ax_default label">
                <img id="u452_img" class="img " src="images/3_闹钟设置/u364.png"/>
                <div id="u452_text" class="text ">
                  <p style="font-size:14px;"><span>开启</span><span style="font-size:16px;"> </span><span style="font-size:20px;">&gt;</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u453" class="ax_default" data-left="70" data-top="396" data-width="306" data-height="31">

              <!-- Unnamed (矩形) -->
              <div id="u454" class="ax_default label">
                <img id="u454_img" class="img " src="images/3_闹钟设置/u358.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u455" class="ax_default _文本段落">
                <img id="u455_img" class="img " src="images/3_闹钟设置/u380.png"/>
                <div id="u455_text" class="text ">
                  <p><span>贪睡模式</span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u456" class="ax_default icon">
                <img id="u456_img" class="img " src="images/3_闹钟设置/u381.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u457" class="ax_default label">
                <img id="u457_img" class="img " src="images/3_闹钟设置/u382.png"/>
                <div id="u457_text" class="text ">
                  <p style="font-size:14px;"><span>5分钟 </span><span style="font-size:20px;">&gt;</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u458" class="ax_default" data-left="70" data-top="428" data-width="306" data-height="31">

              <!-- Unnamed (矩形) -->
              <div id="u459" class="ax_default label">
                <img id="u459_img" class="img " src="images/3_闹钟设置/u358.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u460" class="ax_default _文本段落">
                <img id="u460_img" class="img " src="images/3_闹钟设置/u380.png"/>
                <div id="u460_text" class="text ">
                  <p><span>电量警告</span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u461" class="ax_default icon">
                <img id="u461_img" class="img " src="images/3_闹钟设置/u385.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u462" class="ax_default label">
                <img id="u462_img" class="img " src="images/3_闹钟设置/u364.png"/>
                <div id="u462_text" class="text ">
                  <p style="font-size:14px;"><span>开启</span><span style="font-size:16px;"> </span><span style="font-size:20px;">&gt;</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u463" class="ax_default" data-left="70" data-top="460" data-width="306" data-height="31">

              <!-- Unnamed (矩形) -->
              <div id="u464" class="ax_default label">
                <img id="u464_img" class="img " src="images/3_闹钟设置/u358.png"/>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u465" class="ax_default icon">
                <img id="u465_img" class="img " src="images/3_闹钟设置/u388.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u466" class="ax_default _文本段落">
                <img id="u466_img" class="img " src="images/3_闹钟设置/u389.png"/>
                <div id="u466_text" class="text ">
                  <p><span>侧按键动作</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u467" class="ax_default label">
                <img id="u467_img" class="img " src="images/3_闹钟设置/u364.png"/>
                <div id="u467_text" class="text ">
                  <p style="font-size:14px;"><span>开启</span><span style="font-size:16px;"> </span><span style="font-size:20px;">&gt;</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u468" class="ax_default" data-left="70" data-top="528" data-width="306" data-height="31">

              <!-- Unnamed (矩形) -->
              <div id="u469" class="ax_default label">
                <img id="u469_img" class="img " src="images/3_闹钟设置/u358.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u470" class="ax_default _文本段落">
                <img id="u470_img" class="img " src="images/1_1_天气/u38.png"/>
                <div id="u470_text" class="text ">
                  <p><span>帮助</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u471" class="ax_default label">
                <img id="u471_img" class="img " src="images/3_闹钟设置/u394.png"/>
                <div id="u471_text" class="text ">
                  <p><span>&gt;</span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u472" class="ax_default icon">
                <img id="u472_img" class="img " src="images/3_闹钟设置/u395.png"/>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u473" class="ax_default label">
              <img id="u473_img" class="img " src="images/3_闹钟设置/u358.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u474" class="ax_default _文本段落">
              <img id="u474_img" class="img " src="images/3_闹钟设置/u380.png"/>
              <div id="u474_text" class="text ">
                <p><span>关于我们</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u475" class="ax_default label">
              <img id="u475_img" class="img " src="images/3_闹钟设置/u394.png"/>
              <div id="u475_text" class="text ">
                <p><span>&gt;</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u476" class="ax_default icon">
              <img id="u476_img" class="img " src="images/3_闹钟设置/u399.png"/>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u477" class="ax_default _形状">
            <img id="u477_img" class="img " src="images/1_1_天气/u23.png"/>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u478" class="ax_default" data-left="75" data-top="202" data-width="31" data-height="6">

            <!-- Unnamed (矩形) -->
            <div id="u479" class="ax_default _形状">
              <img id="u479_img" class="img " src="images/1_1_天气/u25.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u480" class="ax_default _形状">
              <img id="u480_img" class="img " src="images/1_1_天气/u25.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u481" class="ax_default _形状">
              <img id="u481_img" class="img " src="images/1_1_天气/u25.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u482" class="ax_default _形状">
              <img id="u482_img" class="img " src="images/1_1_天气/u25.png"/>
            </div>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u483" class="ax_default" data-left="190" data-top="198" data-width="66" data-height="15">

            <!-- Header 2 (矩形) -->
            <div id="u484" class="ax_default _文本段落" data-label="Header 2">
              <img id="u484_img" class="img " src="images/1_1_天气/header_2_u30.png"/>
              <div id="u484_text" class="text ">
                <p><span>10:30 PM</span></p>
              </div>
            </div>
          </div>
        </div>

        <!-- 电池 (组 合) -->
        <div id="u485" class="ax_default" data-label="电池" data-left="311" data-top="197" data-width="58" data-height="16">

          <!-- Unnamed (矩形) -->
          <div id="u486" class="ax_default _形状">
            <img id="u486_img" class="img " src="images/1_1_天气/u32.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u487" class="ax_default _形状">
            <img id="u487_img" class="img " src="images/1_1_天气/u33.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u488" class="ax_default _形状">
            <img id="u488_img" class="img " src="images/1_1_天气/u34.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u489" class="ax_default label">
            <img id="u489_img" class="img " src="images/1_1_天气/u35.png"/>
            <div id="u489_text" class="text ">
              <p><span>95%</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u490" class="ax_default" data-left="602" data-top="217" data-width="307" data-height="418">

        <!-- 底部 (矩形) -->
        <div id="u491" class="ax_default box_1" data-label="底部">
          <img id="u491_img" class="img " src="images/2_1_添加闹钟/u128.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u492" class="ax_default label">
          <img id="u492_img" class="img " src="images/2_1_添加闹钟/u197.png"/>
          <div id="u492_text" class="text ">
            <p style="font-size:15px;"><span style="font-size:20px;">&lt; </span><span>返回</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u493" class="ax_default label">
          <img id="u493_img" class="img " src="images/2_1_添加闹钟/u190.png"/>
          <div id="u493_text" class="text ">
            <p><span>音乐</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u494" class="ax_default label">
          <img id="u494_img" class="img " src="images/2_1_添加闹钟/u275.png"/>
          <div id="u494_text" class="text ">
            <p><span>完成</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u495" class="ax_default" data-left="602" data-top="193" data-width="307" data-height="25">

        <!-- Unnamed (矩形) -->
        <div id="u496" class="ax_default _形状">
          <img id="u496_img" class="img " src="images/1_1_天气/u23.png"/>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u497" class="ax_default" data-left="608" data-top="202" data-width="31" data-height="6">

          <!-- Unnamed (矩形) -->
          <div id="u498" class="ax_default _形状">
            <img id="u498_img" class="img " src="images/1_1_天气/u25.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u499" class="ax_default _形状">
            <img id="u499_img" class="img " src="images/1_1_天气/u25.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u500" class="ax_default _形状">
            <img id="u500_img" class="img " src="images/1_1_天气/u25.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u501" class="ax_default _形状">
            <img id="u501_img" class="img " src="images/1_1_天气/u25.png"/>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u502" class="ax_default" data-left="723" data-top="198" data-width="66" data-height="15">

          <!-- Header 2 (矩形) -->
          <div id="u503" class="ax_default _文本段落" data-label="Header 2">
            <img id="u503_img" class="img " src="images/1_1_天气/header_2_u30.png"/>
            <div id="u503_text" class="text ">
              <p><span>10:30 PM</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 电池 (组 合) -->
      <div id="u504" class="ax_default" data-label="电池" data-left="846" data-top="198" data-width="58" data-height="16">

        <!-- Unnamed (矩形) -->
        <div id="u505" class="ax_default _形状">
          <img id="u505_img" class="img " src="images/1_1_天气/u32.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u506" class="ax_default _形状">
          <img id="u506_img" class="img " src="images/1_1_天气/u33.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u507" class="ax_default _形状">
          <img id="u507_img" class="img " src="images/1_1_天气/u34.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u508" class="ax_default label">
          <img id="u508_img" class="img " src="images/1_1_天气/u35.png"/>
          <div id="u508_text" class="text ">
            <p><span>95%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u509" class="ax_default _一级标题">
        <img id="u509_img" class="img " src="images/1_1_天气/u59.png"/>
        <div id="u509_text" class="text ">
          <p><span>闹钟-设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u510" class="ax_default _一级标题">
        <img id="u510_img" class="img " src="images/1_1_天气/u59.png"/>
        <div id="u510_text" class="text ">
          <p><span>闹钟-音乐</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u511" class="ax_default image">
        <img id="u511_img" class="img " src="images/2_1_添加闹钟/u224.png"/>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u512" class="ax_default" data-left="372" data-top="273" data-width="215" data-height="8">

        <!-- Unnamed (水平线) -->
        <div id="u513" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="210" CompoundMode="true">
          <img id="u513_img" class="singleImg img " src="images/3_1_音乐/u513.png"/>
          <div id="u513p000" class="ax_vector_shape" WidgetTopLeftX="-0.490740740740741" WidgetTopLeftY="0" WidgetTopRightX="0.481481481481481" WidgetTopRightY="0" WidgetBottomLeftX="-0.490740740740741" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.481481481481481" WidgetBottomRightY="0.166666666666667">
            <img id="u513p000_img" class="img " src="images/3_1_音乐/u513p000.png"/>
          </div>
          <div id="u513p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.25" WidgetTopRightX="52.5" WidgetTopRightY="-0.25" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="52.5" WidgetBottomRightY="0">
            <img id="u513p001_img" class="img " src="images/3_1_音乐/u513p001.png"/>
          </div>
          <div id="u513p002" class="ax_vector_shape" WidgetTopLeftX="9.40909090909091" WidgetTopLeftY="0.05" WidgetTopRightX="-0.136363636363636" WidgetTopRightY="0.05" WidgetBottomLeftX="9.40909090909091" WidgetBottomLeftY="0" WidgetBottomRightX="-0.136363636363636" WidgetBottomRightY="0">
            <img id="u513p002_img" class="img " src="images/3_1_音乐/u513p002.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u514" class="ax_default _形状">
          <img id="u514_img" class="img " src="images/3_1_音乐/u514.png"/>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u515" class="ax_default _文本段落" data-label="Header 2">
        <img id="u515_img" class="img " src="images/2_1_添加闹钟/header_2_u226.png"/>
        <div id="u515_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u516" class="ax_default" data-left="603" data-top="297" data-width="306" data-height="31">

        <!-- Unnamed (矩形) -->
        <div id="u517" class="ax_default label">
          <img id="u517_img" class="img " src="images/3_闹钟设置/u358.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u518" class="ax_default label">
          <img id="u518_img" class="img " src="images/3_闹钟设置/u394.png"/>
          <div id="u518_text" class="text ">
            <p><span>&gt;</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u519" class="ax_default label">
        <img id="u519_img" class="img " src="images/3_1_音乐/u519.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u520" class="ax_default label">
        <img id="u520_img" class="img " src="images/3_1_音乐/u520.png"/>
        <div id="u520_text" class="text ">
          <p><span>歌曲</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u521" class="ax_default label">
        <img id="u521_img" class="img " src="images/3_闹钟设置/u380.png"/>
        <div id="u521_text" class="text ">
          <p><span>选择歌曲</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u522" class="ax_default label">
        <img id="u522_img" class="img " src="images/3_1_音乐/u520.png"/>
        <div id="u522_text" class="text ">
          <p><span>铃声</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u523" class="ax_default" data-left="0" data-top="0" data-width="1" data-height="1">
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u524" class="ax_default" data-left="633" data-top="641" data-width="268" data-height="24">

        <!-- Unnamed (矩形) -->
        <div id="u525" class="ax_default label">
          <img id="u525_img" class="img " src="images/3_闹钟设置/u373.png"/>
          <div id="u525_text" class="text ">
            <p><span>公鸡叫</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u526" class="ax_default line">
          <img id="u526_img" class="img " src="images/3_1_音乐/u526.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u527" class="ax_default" data-left="633" data-top="414" data-width="268" data-height="58">

        <!-- Unnamed (矩形) -->
        <div id="u528" class="ax_default label">
          <img id="u528_img" class="img " src="images/1_1_天气/u38.png"/>
          <div id="u528_text" class="text ">
            <p><span>香蕉</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u529" class="ax_default line">
          <img id="u529_img" class="img " src="images/3_1_音乐/u526.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u530" class="ax_default label">
          <img id="u530_img" class="img " src="images/3_闹钟设置/u373.png"/>
          <div id="u530_text" class="text ">
            <p><span>母牛叫</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u531" class="ax_default line">
          <img id="u531_img" class="img " src="images/3_1_音乐/u526.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u532" class="ax_default" data-left="633" data-top="483" data-width="268" data-height="24">

        <!-- Unnamed (矩形) -->
        <div id="u533" class="ax_default label">
          <img id="u533_img" class="img " src="images/1_1_天气/u38.png"/>
          <div id="u533_text" class="text ">
            <p><span>木琴</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u534" class="ax_default line">
          <img id="u534_img" class="img " src="images/3_1_音乐/u526.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u535" class="ax_default" data-left="633" data-top="516" data-width="268" data-height="24">

        <!-- Unnamed (矩形) -->
        <div id="u536" class="ax_default label">
          <img id="u536_img" class="img " src="images/3_闹钟设置/u373.png"/>
          <div id="u536_text" class="text ">
            <p><span>鸭叫声</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u537" class="ax_default line">
          <img id="u537_img" class="img " src="images/3_1_音乐/u526.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u538" class="ax_default" data-left="633" data-top="549" data-width="268" data-height="24">

        <!-- Unnamed (矩形) -->
        <div id="u539" class="ax_default label">
          <img id="u539_img" class="img " src="images/1_1_天气/u38.png"/>
          <div id="u539_text" class="text ">
            <p><span>竖琴</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u540" class="ax_default line">
          <img id="u540_img" class="img " src="images/3_1_音乐/u526.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u541" class="ax_default" data-left="633" data-top="582" data-width="268" data-height="24">

        <!-- Unnamed (矩形) -->
        <div id="u542" class="ax_default label">
          <img id="u542_img" class="img " src="images/3_闹钟设置/u380.png"/>
          <div id="u542_text" class="text ">
            <p><span>马林巴琴</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u543" class="ax_default line">
          <img id="u543_img" class="img " src="images/3_1_音乐/u526.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u544" class="ax_default" data-left="633" data-top="611" data-width="268" data-height="24">

        <!-- Unnamed (矩形) -->
        <div id="u545" class="ax_default label">
          <img id="u545_img" class="img " src="images/3_闹钟设置/u380.png"/>
          <div id="u545_text" class="text ">
            <p><span>梦幻婚礼</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u546" class="ax_default line">
          <img id="u546_img" class="img " src="images/3_1_音乐/u526.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u547" class="ax_default _文本段落">
        <img id="u547_img" class="img " src="images/3_1_音乐/u547.png"/>
        <div id="u547_text" class="text ">
          <p><span>✔</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u548" class="ax_default sticky_3">
        <img id="u548_img" class="img " src="images/3_1_音乐/u548.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u549" class="ax_default _一级标题">
        <img id="u549_img" class="img " src="images/1_1_天气/u59.png"/>
        <div id="u549_text" class="text ">
          <p><span>闹钟-音乐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u550" class="ax_default label">
        <img id="u550_img" class="img " src="images/3_1_音乐/u550.png"/>
        <div id="u550_text" class="text ">
          <p><span>1.从【闹钟-设置】点击音乐，进入【音乐】界面。</span></p><p><span><br></span></p><p><span>2. 歌曲：</span></p><p><span>点击跳转进入本地/apple music/第三方音乐软件选择页面。</span></p><p><span><br></span></p><p><span>3.铃声：</span></p><p><span>当前选中音乐具有“选中”状态；</span></p><p><span>用户点击任一行，该行音乐为“选中”状态；</span></p><p><span>用户点击任一行非当前选中音乐，播放该音乐。</span></p><p><span><br></span></p><p><span>4. 点击完成，成功设置音乐，页面跳转至【闹钟-设置】。</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u551" class="ax_default" data-left="633" data-top="670" data-width="268" data-height="24">

        <!-- Unnamed (矩形) -->
        <div id="u552" class="ax_default label">
          <img id="u552_img" class="img " src="images/3_1_音乐/u552.png"/>
          <div id="u552_text" class="text ">
            <p><span>无</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u553" class="ax_default line">
          <img id="u553_img" class="img " src="images/3_1_音乐/u526.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u554" class="ax_default" data-left="633" data-top="381" data-width="268" data-height="24">

        <!-- Unnamed (矩形) -->
        <div id="u555" class="ax_default label">
          <img id="u555_img" class="img " src="images/3_1_音乐/u555.png"/>
          <div id="u555_text" class="text ">
            <p><span>雷达(默认)</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u556" class="ax_default line">
          <img id="u556_img" class="img " src="images/3_1_音乐/u526.png"/>
        </div>
      </div>
    </div>
  </body>
</html>
